
.container{
  background: #f1f1f1;
  width: 100%;
  height: 100%;
}
.servant_header{
  display: flex;
  flex-direction: column;
  color: #fff;
  padding:0 30rpx;
  box-sizing: border-box;
  position: fixed;
  width: 100%;
}
.servant_base_info{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding:30rpx 0;
}
.servant_base_info_left{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.servant_head_icon{
  width: 110rpx;
  height: 110rpx;
  border-radius: 110rpx;
  margin-right: 20rpx;
}
.servant_base_info_left_block{
  height: 90rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 28rpx;
}
.servant_base_info_left_block_top{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.servant_name{
  margin-right: 10rpx;
}
.servant_type{
  border: 1rpx solid #fff;
  border-radius: 20rpx;
  font-size:20rpx;
  padding:2rpx 10rpx;
}
.servant_base_info_right{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.my_msg{
  border: 1rpx solid#fff;
  border-radius: 12rpx;
  padding: 10rpx;
  font-size: 26rpx;
}
/* 我的任务 */
.my_paper_block{
  display: flex;
  flex-direction: column;
  margin-bottom: 20rpx
}
.my_paper_title{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 26rpx;
  padding:10rpx;
}
.my_paper_list{
  height: 260rpx;
  border-radius: 20rpx;
  /* border-top-left-radius: 20rpx; */
  padding:20rpx 30rpx;
  box-sizing:border-box;
  display: flex;
  flex-direction: column;
  /* align-items: flex-end; */
}
.my_paper_item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.my_paper_item_left{
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.paper_item_name{
  font-size: 36rpx;
}
.use_icon{
  width: 40rpx;
  height: 40rpx;
  border-radius: 40rpx;
  margin-right: 10rpx;
}
.interval_line{
  width: 30%;
  height: 2rpx;
}
.my_paper_item_right{
  display: flex;
  align-items: center;
  justify-content: center;
}
.check_paper_detail{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 6rpx 12rpx;
  border-radius: 10rpx;
  font-size:24rpx;
  box-sizing:border-box;
}
.nothing_paper_list{
  border-top-right-radius: 12rpx;
  border-top-left-radius: 12rpx;
  padding:10rpx 30rpx;
  box-sizing:border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #eee
}
/* 主内容 */
.main_content{
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  top: 240rpx;
  background: #f1f1f1
}
/* 通用标题 */
.block_title{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 14rpx 0;
  height:50rpx;
}
.block_title_center{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.title_icon{
  width: 50rpx;
  height: 50rpx;
  margin-right: 20rpx;
}
.title_text{
  font-size: 30rpx;
}
.block_title_right{
  position: absolute;
  right: 0;
  top: 50%;
  margin-top:-15rpx; 
  display: flex;
  flex-direction: row;
  align-items: center;
}
/* 板块通用 */
.block_item{
  display: flex;
  flex-direction: column;
  margin: 20rpx 20rpx 0rpx 20rpx;
  padding: 0rpx 20rpx 20rpx 20rpx;
  background: #fff;
  border-radius: 10rpx;
  box-sizing: border-box
}
.block_item:last-child{
  margin-bottom: 20rpx;
}
.more_text{
  font-size: 24rpx;
}
/* 留言板块 */
.leave_message_list{
  font-size: 28rpx;
  color: #666;
  padding:10rpx 0;
}
.leave_message_item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 10rpx 0;
}
.leave_message_icon{
  width: 60rpx;
  height: 60rpx;
  border-radius: 60rpx;
  margin-right: 30rpx;
}
.leave_message_name{
  width: 50%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  
}
/* 近期活动板块 */
.near_activity_list{
  width: 100%; 
  box-sizing: border-box;
  overflow: hidden;
  line-height: 68rpx;
  font-size: 24rpx; 
  white-space: nowrap;
}
.near_activity_item{
  width: 350rpx;
  height: 300rpx;
  margin-right: 20rpx;
  position: relative;
  display: inline-block;
}
.near_activity_banner{
  width: 100%;
  height: 100%
}
.near_activity_content{
  position: absolute;
  width: 350rpx;
  bottom: 0;
  left: 50%;
  margin-left: -175rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  font-size: 24rpx;
  z-index: 2
}
.near_activity_title{
  width: 100%;
  height: 50rpx;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:50rpx;
  text-align:center;
}
.near_activity_time{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content:center;
  flex-wrap: wrap;
  width: 100%;
  height: 50rpx;
}
.mask{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 350rpx;
  height: 100rpx;
  z-index: 1;
  background: #00000066
}
/* 自愿者板块 */
.volunteers_list{
  width:100%;
  overflow:hidden;
  font-size:24rpx;
  white-space:nowrap;
  padding:10rpx;
  box-sizing:border-box;
}
.volunteers_item{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 22%;
  text-align: center;
  padding: 20rpx;
  box-sizing:border-box;
  color: #666;
  font-size:24rpx;
}
.more_volunteers_item{
  display:inline-flex;
  flex-direction: column;
  align-items: center;
  width:22%;
  text-align:center;
  padding:0 20rpx;
  box-sizing:border-box;
  color:#666;
  font-size:24rpx;

}
.volunteers_icon_block{
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.volunteers_icon{
  width: 80rpx;
  height: 80rpx;
  border-radius: 80rpx;
  margin-bottom: 10rpx;
}
.more_volunteers_icon{
  width: 50rpx;
  height: 50rpx;
}
.volunteers_name{
  width: 100%;
  text-align: center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.volunteers_type{
  width: 100%;
  text-align: center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.nothing_volunteers_list{
  width:100%;
  overflow:hidden;
  font-size:24rpx;
  white-space:nowrap;
  padding:30rpx;
  box-sizing:border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999
}
/*  我的云档案*/
.my_files__list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width:100%;
  font-size:24rpx;
  padding:10rpx;
  box-sizing:border-box;
}
.my_files_item{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  padding: 20rpx;
  box-sizing: border-box;
}
.my_files_name{
  height: 60rpx;
  display: flex;
  align-items: center;
  justify-content: center
}
.my_file_icon_block{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1rpx solid #ccc;
  padding: 16rpx;
  box-sizing: border-box;
  border-radius: 100rpx;
  margin-bottom:16rpx;
}
.my_file_icon{
  width: 100rpx;
  border-radius: 100rpx;
}
.add_my_files{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  padding: 20rpx;
  box-sizing: border-box;
}
.add_my_files_block{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1rpx solid #ccc;
  padding: 16rpx;
  box-sizing: border-box;
  border-radius: 100rpx;
  margin-bottom:16rpx;
}